<style scoped lang="scss">
  .Object-header {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    height:32px;
    margin-top:5px;
  }
  .ListMap-mark {
    width:5px;
    height:32px;
    background-color: #2d8cf0;
    border-color: #2d8cf0;
    margin-right:2px;
  }
  .ListMap-subject-frame {
    width:100%;
    height:1px;
    border-top:1px solid #2d8cf0;
    padding-left: 16px;
  }
  .ListMap-subject {
    position: relative;
    top: -14px;
    padding: 0 16px;
    background-color: white;
    font-weight: bolder;
    font-size: 16px;
    color: #2d8cf0;
  }
</style>
<template>
  <div>
    <div v-if="!!subject" class="Object-header">
      <div class="ListMap-mark"></div>
      <div class="ListMap-subject-frame"><span class="ListMap-subject">{{subject}}</span></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "starTemplateSubject",
  data(){
    return {

    }
  },
  props:{
    subject:{
      default:()=>{
        return 'subject';
      }
    },
  },
  watch:{

  },
  methods:{

  }
}
</script>